<!DOCTYPE html>
<html lang="en" class="desktop landscape">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>共喜财富—让投资更容易，一站式金融信息服务云平台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="yes">
    <meta name="keywords" content="金融大数据|智能机器学习|资管云服务|量化投资|程序化交易|金融信息服务|互联网资产管理|互联网理财|舆情分析|主题投资|事件驱动策略|">
    <meta name="description"
          content="共喜财富股份公司（DataYes）是由金融和高科技资深专家发起，万向集团投资成立的一家金融资讯和投资管理服务公司。致力于通过新一代的信息技术和投资理念打造国际一流的、具有革命性意义的金融服务平台，为客户提供更专业和更全面的服务，并让客户享受到全新的用户体验。">
    <style type="text/css">
        @charset "UTF-8";
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
            display: none !important;
        }

        ng\:form {
            display: block;
        }

    </style>

    <script type="text/javascript" async="" src="{{ static('js/jquery-1.7.2.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/moduleA.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/j.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/jui.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/WdatePicker/WdatePicker.js') }}"></script>
    <link type="text/css" rel="stylesheet" href="{{ static('css/yestrap-light.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/main.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/index.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ static('css/css.css') }}">
</head>
<body>
{% include 'header.html' %}


<ui-view class="ng-scope">
    <nav class="ng-scope ng-isolate-scope">
        <div class="nav_bar">
            <div class="tsth_contain clearfix">
                <ul class="navigation clearfix">
                    <li><a href="/">首页</a></li>
                    <li><a href="/tougu">
                        我们的投顾
                    </a>
                    </li>
                    <li>
                        <a href="/product">
                            我们的产品
                        </a>
                    </li>
                    <li class="cur"><a href="/partner">
                        客户和伙伴
                    </a>
                    </li>
                    <li>
                        <a href="/zhuzibao">
                            注资宝
                        </a>
                    </li>
                    <li><a href="/aboutus">
                        关于我们
                    </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="dh2">
        <div class="dh2left"><a href="/" class="t787878">首页</a> &gt; <a href="/list.asp" class="t787878">投顾模型</a> &gt;
            <span class="t1e1e1e">{{ product.name}}</span></div>
    </div>
    <div class="main" id="jiathis_main">
        <div class="mainleft">
            <div class="mainleftx1"></div>
            <div class="mainleftx2">
                <div class="mainleftx2ban"><span class="tba9304 tg t14 tb yy">产品编号:{{ product.id }}</span> </div>
                <div style="width:750px; margin:0px auto; padding-top:10px;">
                    <div style="width:730px; height:28px; line-height:28px; text-align:center;"><span
                            class="t3d3d3d t18 yahei tb" id="_module_title">资金盈收曲线图</span></div>
                    <div style="width:730px; height:22px; line-height:22px; text-align:center; padding-bottom:15px;"><span
                            class="t3d3d3d t14 yahei">{{ product.modal.name }}-{{ product.name }}</span></div>
                    <div class="vipmxt" id="_date_select">
                        <div style="width:750px; height:0px; position:relative; z-index:2; display:none;"
                             id="_date_select_mask">
                            <div style="width:750px; height:32px; position:absolute; z-index:2; background-color:#ffffff; opacity:0.5; filter:alpha(opacity=50);"></div>
                        </div>
                        <ul>
                            <li class="mxtc" style="cursor:pointer;" onclick="__date_select(1);" id="_date_select1">
                                一个月
                            </li>
                            <li class="mxtc" style="cursor:pointer;" onclick="__date_select(2);" id="_date_select2">
                                三个月
                            </li>
                            <li class="mxtc" style="cursor:pointer;" onclick="__date_select(3);" id="_date_select3">半年
                            </li>
                            <li class="mxtc" style="cursor:pointer;" onclick="__date_select(4);" id="_date_select4">一年
                            </li>
                            <li class="mxta" style="cursor:pointer;" onclick="__date_select(5);" id="_date_select5">所有
                            </li>
                            <li style="width:330px; height:32px; float:right; background-image:; margin-left:5px;"
                                id="_date_select0">
                                <div style="float:left; padding-left:6px; width:320px;">
                                    <div style="line-height:32px; float:left; padding-right:8px;"><span
                                            class="yahei tb2b2b2"> 日期：从</span></div>
                                    <div style="float:left; padding-right:8px; padding-top:4px;">
                                        <input id="_date_select_startdate" type="text" class="vipmxtinp hasDatepicker"
                                               placeholder="开始日期"
                                               onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
                                    </div>
                                    <div style="line-height:32px; float:left; padding-right:8px;"><span
                                            class="yahei tb2b2b2">到 </span></div>
                                    <div style="float:left; padding-right:8px; padding-top:4px;">
                                        <input id="_date_select_enddate" type="text" class="vipmxtinp hasDatepicker"
                                               placeholder="结束日期"
                                               onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
                                    </div>
                                    <div style="float:left; padding-top:8px;">
                                        <div class="tiwenan"><a href="javascript:void(0);" onclick="__date_select(0);">查看</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="load1" id="_load" style="height: 140px; display: none;"><img
                        src="/static/images/loading25.gif">
                </div>
                <div class="mainlefttu" id="container" style="">
                    <div class="highcharts-container" id="highcharts-0"
                         style="position: relative; overflow: hidden; width: 730px; height: 500px; text-align: left; line-height: normal; z-index: 0; font-family: &#39;Lucida Grande&#39;, &#39;Lucida Sans Unicode&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">
                    </div>
                </div>
                <div class="mainleft3">
                    <div class="mainleft3l" style="width:330px;">


                    </div>
                    <div class="mainleft3r">
                        <ul>
                            <!--<li><a href="javascript:void(0);" onclick="__select_highstock(1);$(this).blur();"><img src="img3/menua1.jpg" name="Image1" border="0" id="Image1" /></a></li>-->
                            <li><a href="javascript:void(0);" onclick="__select_highstock(2);$(this).blur();"><img
                                    src="/static/images/menub2.jpg" name="Image2" border="0" id="Image2"></a></li>
                            <li><a href="javascript:void(0);" onclick="__select_highstock(3);$(this).blur();"><img
                                    src="/static/images/menuc1.jpg" name="Image3" border="0" id="Image3"></a></li>

                        </ul>
                    </div>
                </div>
                <div class="mainleftdidiv10"></div>
                <div class="mainleftdi">
                    <div class="mainleftdil">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <td class="td1">名称</td>
                                <td class="td2">{{ info.full_name }}</td>
                                <td class="td3">分类</td>
                                <td class="td4">{{ info.type }}</td>
                                <td class="td3">品种</td>
                                <td class="td4-">{{ info.variety }}</td>
                            </tr>
                            <tr>
                                <td class="td1">平台</td>
                                <td class="td2">{{ info.platform }}</td>
                                <td class="td3">周期</td>
                                <td class="td4">{{ info.cycle }}</td>
                                <td class="td3">适用合约</td>
                                <td class="td4-">{{ info.contract }}</td>
                            </tr>
                            <tr>
                                <td class="td1">最大回撤</td>
                                <td class="td2">{{ info.max_return }}%</td>
                                <td class="td3">胜算率</td>
                                <td class="td4">{{ info.win_odds }}%</td>
                                <td class="td3">年度收益率</td>
                                <td class="td4-">{{ info.year_income }}%</td>
                            </tr>
                            <tr>
                                <td class="td1" style="word-break: keep-all;white-space:nowrap;">平均每次亏损</td>
                                <td class="td2">{{ info.once_average_lost }}元</td>
                                <td class="td3" style="word-break: keep-all;white-space:nowrap;">平均每次盈利</td>
                                <td class="td4">{{ info.once_average_income }}元</td>
                                <td class="td3">当月利润</td>
                                <td class="td4-">{{ info.month_income }}元</td>
                            </tr>
                            <tr>
                                <td class="td1">已订购</td>
                                <td class="td2">{{ info.is_ordered }}</td>
                                <td class="td3">已跟踪</td>
                                <td class="td4">{{ info.is_followed }}</td>
                                <td class="td3">上线时间</td>
                                <td class="td4-">{{ info.online_time }}</td>
                            </tr>

                            </tbody>
                        </table>
                        <div class="cb"></div>
                        <div class="zlpd"><span class="t8c8c8c yahei t14">中量评定：</span><br>
                            <span class="t303030 yahei t14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ info.desc }}</span>

                        </div>

                        <div class="cb"></div>


                    </div>

                </div>
                <div class="mainleftdidiv10"></div>
            </div>
            <div class="mainleftx3"></div>
            <div class="div12"></div>


            <div class="div12"></div>

        </div>

    </div>
</ui-view>
{% include 'footer.html' %}
<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js" type="text/javascript"></script>
{#<script type="text/javascript" async="" src="{{ static('js/highstock.src.js') }}"></script>#}
<script type="text/javascript">
    //资金盈收曲线
    $(document).ready(function () {
        $("#_module_title").html("资金盈收曲线图");
        $("#_load").show();
        $("#container").hide();
        $.get('/data_module?id=' + GetQueryString("id") + '&v=' + const_date_select + '&v1=' + $("#_date_select_startdate").val() + '&v2=' + $("#_date_select_enddate").val() + '&v3=' + $('#_shouxufei_text').val() + '&' + Math.random(), {}, function (xml) {
            var r = getNodeValue(xml, 'r');
            var r1 = getNodeValue(xml, 'r1');
            var r2 = getNodeValue(xml, 'r2');
            $("#_date_select_startdate").val(r1);
            $("#_date_select_enddate").val(r2);
            Highcharts.setOptions({
                global: {
                    useUTC: false
                }
            });
            $('#highcharts-0').highcharts({
                chart: {
                    events: {
                        load: function () {
                            $("#container").show();
                            $("#_load").hide();
                        }
                    }
                },
                title :{
                    text:null
                },
                credits: {
                    text: '共喜财富版权所有',
                    href: 'http://www.ChinaLHTZ.com',
                    position: {
                        align: 'right',
                        x: -10,
                        verticalAlign: 'bottom',
                        y: -3
                    },
                    style: {
                        cursor: 'pointer',
                        color: '#666',
                        fontSize: '12px',
                        fontFamily: 'Microsoft YaHei'
                    }
                },
                xAxis: {
                    type: 'datetime',
                    maxZoom: 7 * 24 * 3600 * 1000,// 间隔一周
                    labels: {
                        step:1,
                        formatter: function () {
                            return Highcharts.dateFormat('%Y-%m-%d', this.value);
                        }
                    }
                },
                yAxis: {
                    labels: {
                        formatter: function () {
                            return currencyFormatter(this.value, '.', 3, ',') + ' 元';
                        }
                    }
                }
                ,
                tooltip: {
                    xDateFormat: '%Y-%m-%d',
                    shared: true
                }
                ,
                series: [{
                    name: '累计净利',
                    type: 'areaspline',//'areaspline',
                    pointInterval: 7 * 24 * 3600 * 1000,// 间隔一周
                    pointStart: Date.UTC(2013, 0, 01),
                    data:eval(r),
                    animation: {
                        duration: 2000
                    }
                }]
            });
        }, "xml");
    })
    ;


</script>
<script type="text/javascript">
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)return unescape(r[2]);
        return null;
    }
    function getNodeValue(obj, tag) {
        node = obj.getElementsByTagName(tag);
        if (node != null && node.length > 0) {
            return node[0].firstChild.nodeValue;
        } else {
            return null;
        }
    }
    function currencyFormatter(oNum, decimalSeparator, groupingNumber, groupingSeparator) {
        //check type
        if (isNaN(parseFloat(oNum))) {
            alert(oNum + 'is not a number!');
            return "";
        }
        //get sign and make oNum to abstract
        var sign = (oNum == (oNum = Math.abs(oNum)));
        //get fraction
        var nDecimalString = oNum + '';
        var nIndex = nDecimalString.indexOf('.');
        var sFraction = '';
        if (nIndex != -1) {
            sFraction = nDecimalString.substr(nIndex);
        }
        //get integer
        var nInteger = parseInt(Math.floor(oNum));
        var nInegerString = nInteger + '';
        //insert separator
        var aResult = [];
        //method 1
        var length = nInegerString.length;
        for (var i = length; i > 0; i -= groupingNumber) {
            var nextI = i - groupingNumber;
            if (nextI <= 0) {
                break;
            }
            aResult.unshift(nInegerString.substring(nextI, i));
            aResult.unshift(groupingSeparator);
        }
        ;
        if (nextI <= 0) {
            aResult.unshift(nInegerString.substring(nextI, i));
        }
        //put things together
        var sReturn = ((sign) ? '' : '-') + aResult.join('') + sFraction;
        if (decimalSeparator) {
            sReturn = sReturn.replace(".", decimalSeparator);
        }
        return sReturn;
    }
</script>
</body>
</html>